{{ define "blog_list"}}
<el-main title="博客列表">

    <el-row>
        <el-col :span="24">
            <template>
                <el-skeleton :rows="4" :loading="loading" animated>
                    <template slot="template">
                        <div style="padding:14px;">
                            <el-skeleton-item variant="h1" style="width:50%" />
                            <el-skeleton-item variant="text" style="margin-right:16px;"/>
                            <el-skeleton-item variant="text" style="width: 30%;"/>
                        </div>
                    </template>
                    <template>
                        {{ range .Blogs}}
                        <el-card :body-style="{ padding: '0px', marginBottom: '1px' }"
                                style="margin: 10px 0px;">

                            <div style="padding: 14px;">
                                <el-link :href="{{.BlogSubUrl}}"><h2>{{.BlogTitle}}</h2></el-link>
                                <div class="bottom card-header">
                                    <p class="post-summary text-ells"></p>
                                    <p type="text">
                                        <i class="el-icon-user-solid"></i>作者：
                                        <el-link>{{.AuthorName}}</el-link>
                                        时间：<b>{{.CreateTimeStr}}</b>
                                        <el-link icon="el-icon-view" title="查看人数"> {{.BlogViews}} </el-link>
<!--                                        <el-link icon="el-icon-chat-line-round" title="评论人数"></el-link>-->
                                        <el-link icon="el-icon-thumb" title="点赞人数">{{.BlogLikes}}</el-link>
                                        <div>
                                        {{range .BlogTags}}
                                            <a><span>{{.}}</span></a>
                                        {{end}}
                                        </div>

                                    </p>
                                </div>
                            </div>
                        </el-card>
                        {{end}}



                    </template>
                </el-skeleton>
            </template>
        </el-col>
    </el-row>
</el-main>
{{end}}